<template>
  <div id="box">
      <div id="zhong" v-for="(v,i) in arr" :key="i">
          <img :src="v.img">
      </div>
  </div>
</template>

<script>
import getlink from "../../../../api/apiserver"
export default {
data(){
    return{
        arr:[]
    }
},
mounted(){
    getlink("http://localhost:3000/bannerImgs").then((ok)=>{
        this.arr=ok.data
    })
}
}
</script>

<style scoped>
#box{
    width: 100%;
    height: 100%;
}
#zhong{
    width: 95%;
    height: 100%;
    margin: auto;
}
img{
    width: 100%;
    height: 100%;
}
</style>